
html{
    height: 100%;
	overflow: hidden;
 }
body{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-main {
	background-color: var(--vscode-editor-background) !important;
	color: var(--vscode-editor-foreground) !important;
	min-height: 24rem;
	height: 80vh;
  	overflow: hidden;
}
.part-form{
	width: 100%;
	height: calc( 80vh - 100px );
	overflow: scroll;
	padding-top: 0.5rem;
}
.part-footer{
	width: 100%;
	height: calc( 80vh - 100px );
	overflow: scroll;
	text-align: right;
}
/* .components
.part-form{
	width: 100%;
	height: 100%;
} */

.h96{
	height: auto;
}

.el-header {
	background-color: var(--vscode-editor-background);
	color: var(--vscode-editor-foreground);
	--el-header-height: 40px;
}
.el-page-header{
	color: var(--vscode-editor-foreground) ;
}
.el-page-header__content {
	color: var(--vscode-editor-foreground);
}

.el-footer {
	background-color: var(--vscode-editor-background);
	color: var(--vscode-editor-foreground);
	padding-top: 10px;
}
.el-aside {
	background-color: var(--vscode-editor-background);
	color: var(--vscode-editor-foreground);
}

.el-form-item {
	margin-bottom: 10px;
	color: var(--vscode-editor-foreground) !important;
	text-align: left;
}
.el-form-item__label{
	color: var(--vscode-editor-foreground) !important;
}

.el-tree {
	background-color: var(--vscode-list-background);
	color: var(--vscode-foreground);
	--el-tree-node-hover-background-color: var(--vscode-list-hoverBackground);
    --el-tree-font-color: var(--vscode-list-hoverBackground);
}
.el-tree-node:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	color: var(--vscode-list-focusHighlightForeground) !important;
}
.el-tree-node.is-current{
	background-color: var(--vscode-list-activeSelectionBackground) !important;
	color: var(--vscode-list-activeSelectionForeground) !important;
}
.el-tree-node.is-current>.el-tree-node__content {
	background-color: var(--vscode-list-activeSelectionBackground) !important;
}
.el-row {
	margin-bottom: 10 px;
	background-color: var(--vscode-editor-background);
}


.el-textarea__inner{
    border-radius: 0;
	border: 1px solid var(--vscode-dropdown-border);
	background: var(--vscode-input-background);
	color: var(--vscode-input-foreground);
}

/* .el-input {
	background: var(--vscode-input-background);
	color: var(--vscode-input-foreground);
	border:0ch;
} */
.el-input__inner {
    border-radius: 0;
	background: var(--vscode-input-background);
	color: var(--vscode-input-foreground);
}

/** * 输入区焦点样式 */
.el-input .is-focus {
	border-color: var(--vscode-focusBorder);
	outline: 0;
}

.el-input .is-readonly {
	color: var(--el-disabled-text-color);
}

.el-button{
	border-radius: 0;
}

.el-button--primary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.el-button--primary:hover {
	color: var(--vscode-button-secondaryHoverForeground);
	background-color: var(--vscode-button-secondaryHoverBackground);
}
.el-button--info {
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}
.el-button--info.is-plain{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.el-button--info:hover {
	background-color: var(--vscode-button-hoverBackground);
}
.el-button--default {
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.el-button--default:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.field__text {
	width: 400px;
	background: var(--vscode-input-background);
	border: none;
	color: var(--vscode-input-foreground);
	padding: 2px 6px;
	float: left;
}

/** * 选择控件样式 */
.el-select {
	background: var(--vscode-input-background);
	/* border: 1px solid var(--vscode-dropdown-border); */
	color: var(--vscode-input-foreground);
}
.el-input__inner:focus {
    outline: 0;
    border-color: var(--vscode-focusBorder);
}
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--vscode-focusBorder);
}

.el-select-dropdown__item {
	background: var(--vscode-input-background);
	border: 0px; /*1px solid var(--vscode-dropdown-border);*/
	color: var(--vscode-input-foreground);
}

.el-select-dropdown__item.selected {
	color: var(--vscode-list-activeSelectionForeground);
	background-color: var(--vscode-list-activeSelectionBackground);
	/* font-weight: 700; */
}
.el-select-dropdown__item:hover {
	color: var(--vscode-list-focusHighlightForeground);
	background-color: var(--vscode-list-hoverBackground);
	/* font-weight: 700; */
}
.el-select__popper.el-popper[role=tooltip] {
    background: var(--vscode-input-background);
	
    border-color: var(--vscode-focusBorder);
}

.el-checkbox {
    /* --el-checkbox-font-size: 14px; */
    /* --el-checkbox-font-color: var(--el-text-color-regular); */
    /* --el-checkbox-input-height: 14px;
    --el-checkbox-input-width: 14px; */
    /* --el-checkbox-border-radius: var(--el-border-radius-small); */
    --el-checkbox-background-color: var(--vscode-checkbox-foreground);
    --el-checkbox-input-border: var(--vscode-checkbox-border);
    --el-checkbox-disabled-border-color: var(--vscode-disabledForeground);
    /* --el-checkbox-disabled-input-fill: #edf2fc; */
    /* --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder); */
    /* --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light); */
    /* --el-checkbox-disabled-checked-input-border-color: var(--el-border-color-base); */
    /* --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder); */
    /* --el-checkbox-checked-font-color: var(--el-color-primary); */
    --el-checkbox-checked-input-border-color: var(--vscode-foreground);
    --el-checkbox-checked-background-color: var(--vscode-selection-background);
    /* --el-checkbox-checked-icon-color: var(--el-fill-base); */
    /* --el-checkbox-input-border-color-hover: var(--el-color-primary); */
}
.el-checkbox__label{
	color: var(--vscode-input-foreground);
	margin-bottom: 5px;
}
.el-checkbox__inner{
	 background-color: var(--vscode-checkbox-background);
	 border: 1px solid var(--vscode-checkbox-border);
}
.el-form-item__error {
    top: 60%;
}
.el-link.el-link--default {
    color: var(--vscode-textLink-foreground);
}
.el-link {
    --el-link-default-font-color: var(--vscode-textLink-foreground);
    --el-link-default-active-color: var(--vscode-textLink-activeForeground);
}
.button-link {
    padding: 0;
    background: transparent;
    margin: 2px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/** * 自定义checkbox选中样式 用label的伪元素:before和:after来实现checkbox*/
input[type="checkbox"] {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	position: relative;
	/* border-radius: 100%; */
	outline: none;
	-webkit-appearance: none;
	border: 1px solid var(--vscode-dropdown-border);
	-webkit-tab-highlight-color: rgba(0, 0, 0, 0);
	color: var(--vscode-input-foreground);
	background: var(--vscode-input-background);
	vertical-align: middle;
}

/** * 自定义checkbox选中样式 用label的伪元素:before和:after来实现checkbox*/
input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid var(--vscode-dropdown-border);
	/* border-radius: 100%; */
	background: var(--vscode-input-background);
}

/** * 自定义checkbox选中样式 用label的伪元素:before和:after来实现checkbox*/
input[type="checkbox"]:checked::before {
	content: "\2713";
	background-color: var(--vscode-button-background);
	border: 0px solid var(--vscode-dropdown-border);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: var(--vscode-input-foreground);
	font-size: 16px;
	/* border-radius: 100%; */
}

/** * 自定义checkbox选中样式 用label的伪元素:before和:after来实现checkbox*/
input[type="checkbox"]:disabled::before {
	background: var(--vscode-background);
	cursor: default;
}

.v_center {
	/* flex: 1; */
	/* height: 200upx; */
	display: flex;
	justify-content: center;
	align-items: center;

}
textarea::placeholder{
	color:var(--vscode-input-placeholderForeground);
	font-size: smaller;
	font-style: italic;
}
input::placeholder{
	color:var(--vscode-input-placeholderForeground);
	font-size: smaller;
	font-style: italic;
}

.main-form {
	
	min-width: 400px;
	max-width: 800px;
	min-height: 200px;
	/* max-height: 600px; */
	height:max-content;
	padding-bottom: 80px;
}

.hidden {
	display: none;
}
